@CHARSET "UTF-8";

/*RESET*/
html {height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:separate;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal; font-weight:normal;}
em,strong{}
ol,ul {list-style:none;}
caption {text-align:center; padding:10px 0; border-top:solid 1px #A1BDC4;}
th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; line-height:100%; font-family:"times new roman"; color:#5F2E2C;}
q:before,q:after {content:'';}
abbr,acronym { border:0; }


/* GENERAL */
body {font-size:13px; color:#333; font-family:arial,"sans-serif"; background: #666;}/* background:#FFF url("../../public/images/bg.jpg") fixed repeat 0 0;} */
a {color:#5f2e2c; outline:none; text-decoration:none;}
a:hover, .footer a:hover {color:#f90;}
p {padding:5px 0; overflow:hidden; font-family:arial;}
.clear {clear:both; line-height:0;}
.fl {float:left;}
.fr {float:right;}
label {font-size:14px; color:#555; display:block;}
h1 {font-size:40px; padding:5px 0; font-weight:normal;}
h2 {font-size:22px; padding:5px 0;}
h3 {font-size:18px; padding:5px 0;}
h4 {font-size:14px; padding:5px 0;}
.hidden{display:none; height:0; width:0;}

label {font-size:13px; color:#333; display:block; padding:3px 0;}
input[type=text], input[type=password] {padding:5px; background-color:#FFF; border:none;}
input[type=text]:focus, input[type=password]:focus {background-color:#FFFFCC;}
select{padding:4px 5px; background-color:#FFF; border:none;}
select:focus {background-color:#FFFFCC;}

/* background change */
img.ac_bgimage{
position:fixed; left:0px; top:0px;
width:100%; display:none; z-index: -200;
}
.ac_overlay{
width:100%; height:100%; position:fixed;
top:0px; left:0px; z-index: -190;
background:transparent url(../../public/images/pattern.png) repeat top left;
}	
.ac_loading{
position:fixed; top:60px; left:10px;
background:#000 url(../../public/images/loader.gif) no-repeat center center;
width:50px; height:50px;
z-index: 999; opacity:0.7; display:none;
}
.ac_menu{display: none;}


/* UI elements */
.menuHide, .imageRotate li a {background-image:url("../../public/images/ui.png");}
/* BUILD */
.headerW {background:transparent url("../../public/images/mask.png") fixed repeat 0 0;}
.header {height:50px; padding-right: 50px;/* margin:0 auto; */ z-index:2;}
.logo {position:absolute; top:0; left:0; padding:5px 50px;} 
.menuHide {position:absolute; top:0; right:0;  width:50px; height:50px; display:block;}
.imageRotate {position:fixed; bottom:10px; left:10px; z-index: 999;}
.imageRotate li {float:left; margin-right:1px;}
.imageRotate li a {width:50px; height:50px; display:block;}
.up {background-position:-50px 100%;} 
.up:hover {background-position:0 100%;}
.down{background-position:-50px -100px;} 
.down:hover {background-position:0 -100px;}
.left {background-position:-50px 0;} 
.left:hover {background-position:0 0;}
.right{background-position:-50px -50px;} 
.right:hover {background-position:0 -50px;} 

.mainNav {float:right; font-family:"times new roman";}
.mainNav > li {float:left; position:relative; text-transform:uppercase;}
.mainNav > li > a {font-weight:bold; text-decoration:none; font-size:14px; color:#ccc; display:block; padding:10px 20px; line-height:30px;}
.mainNav > li > a:hover {color:#FFF;}
.mainNav ul {position:relative; top:50px; left:0; padding:0 20px; overflow:hidden;}
.mainNav ul li a {display:block; padding:10px 0; border-bottom:solid 1px #FFF;}
.mainNav ul li a:hover {color:#FFF;}
.mainNav .active, .mainNav .active:hover {color:#f90;}


.page {margin:0 auto; position:relative;}
.pageContent { width:510px; margin:20px 0 20px 430px; padding:20px; background:transparent url("../../public/images/mask1.png") fixed repeat 0 0; display:none;}
.subNav { width:510px; margin:0 0 0 430px; padding:10px 20px; background:transparent url("../../public/images/mask1.png") fixed repeat 0 0; display:none;}
.subNav li a {padding:5px 0; display:block; border-bottom:solid 1px #FFF;}
.subNav li a.active{color:#f90; font-weight:bold;}


.footer {color:#ccc; height:50px; padding:30px 0 0; width:100%; position:fixed; bottom:0; left:0; background:transparent url("../../public/images/mask2.png") fixed repeat-x 0 100%;}
.footer ul {font-size:11px; line-height:50px; float:right; padding:0 50px;}
.footer li {float:left; margin-left:20px;}
.footer a {color:#FFF;}

.newsletter {width:700px; margin:0 auto; padding:10px 20px 20px; background:transparent url("../../public/images/mask1.png") fixed repeat 0 0;}
.mainNav > li > a.selectLang {font-size:12px; font-weight: normal; text-transform: none; background:transparent url("../../public/images/mask.png") fixed repeat 0 0;}
.lang {position:absolute; top:50px; right:51px; display:none; z-index: 100;}
.lang ul {padding:0 0 0 0; width:100px;  background:transparent url("../../public/images/mask1.png") fixed repeat 0 0;}
.lang li {overflow:hidden;}
.lang li a {display:block; line-height:25px; padding:0 10px; border-bottom: 1px solid white;}
.lang li a:hover {background-color:#FFF;}
.lang .close {display: block; position:absolute; bottom:-50px; right:0; width:50px; height:50px; background-image: url("../../public/images/close.png");}
.lang .close:hover {background-position:0 -50px;}

.newsletter th {padding:10px; vertical-align:top; border-bottom:dashed 1px #5F2E2C;}
.newsletter td {padding:10px; vertical-align:top; border-bottom:dashed 1px #5F2E2C;}
.contact td {padding:5px 0; vertical-align:top;}









